<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"
            type="text/javascript"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel="stylesheet" href="static/css/style.css">
    <title></title>
</head>

<body>

<div id="demo">
    <div align="middle">
        <form method="get">
            <label>
                <input type="text" maxlength="100" style="width: 500px">
            </label>
            <button type="submit">搜索</button>
        </form>
    </div>
    <!-- 123 表示把 Hits 中的值填进来 -->
    <!-- 10 表示计算 Items 的长度 -->
    <h2>共为你找到相关结果约为123个。显示从0起共10个。</h2>

    <!-- Responsive table starts here -->
    <!-- For correct display on small screens you must add 'data-title' to each 'td' in your table -->
    <div class="table-responsive-vertical shadow-z-1">
        <!-- Table starts here -->
        <table id="table" class="table table-striped table-hover table-mc-indigo">
            <tbody>
            <!-- 模板语言中, 不要在 html 的注释中使用模板语言, 如两个花括号 -->
            <!-- range .Items 对 Items 进行循环 -->
            <!-- 对于 Items 中的每一个元素, 都会生成 <tr> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            <tr>
                <td><a href="http://album.zhenai.com/u/108906739">安静的雪</a></td>
                <!-- with .Payload 表示把 Payload 中的值填进来 -->
                
                <td>女</td>
                <td>34</td>
                <td>162cm</td>
                <td>57kg</td>
                <td>3001-5000元</td>
                <td>大学本科</td>
                <td>人事/行政</td>
                <td>山东菏泽</td>
                <td>牡羊座</td>
                <td>已购房</td>
                <td>未购车</td>
                <!-- end 表示结束 with 语句 -->
                
            </tr>
            <!-- else 表示如果 Items 为空, 则生成 <div> 标签 -->
            
            </tbody>
        </table>
    </div>
</div>

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="static/js/index.js"></script>

</body>
</html>
